<template>
	<div id="app" @click="isTimeOut">
		
		<router-view></router-view>
		
	</div>
</template>

<script>
	export default {
		name: 'App',
		data() {
			return{
				lastTime: null, // 最后一次点击的时间
				currentTime: null, // 当前点击的时间
				timeOut: 60 * 60 * 1000, // 设置超时时间:60分钟	30 * 60 * 1000
			}
		},
		created () {
			this.lastTime = new Date().getTime()
		},
		methods:{ 
			addCommas(val) {	//给数字添加千分位的逗号
				while (/(\d+)(\d{3})/.test(val.toString())) {
					val = val.toString().replace(/(\d+)(\d{3})/, '$1' + ',' + '$2');
				}
				// return val;
				console.log(val)
			},
			isTimeOut () {
				this.currentTime = new Date().getTime() // 记录这次点击的时间
				// 判断本页面是否是后台页面
				if(this.$route.meta.requireLogin){
					// 判断上次最后一次点击的时间和这次点击的时间间隔是否大于30分钟
					if (this.currentTime - this.lastTime > this.timeOut) { 
						// 判断登录状态
						if (localStorage.getItem('localItem')) { // 如果是登录状态
							this.$router.push('/Login')
							window.localStorage.removeItem('token');
							window.localStorage.removeItem('name');
							window.localStorage.removeItem('email');
						} else {							
							this.lastTime = new Date().getTime()
						}
					} else {
						this.lastTime = new Date().getTime() 
						// 如果在30分钟内点击，则把这次点击的时间记录覆盖掉之前存的最后一次点击的时间
					}
				}
			}
		},
		components: {  },
	}
</script>

<style>
	@import url("assets/css/style.css");
	.container {width:100%;margin:0 auto;display:flex;justify-content:center;padding:1.3rem 0 9rem 0;}
	.positionSticky{position:sticky;top:4.3rem;}
</style>
